.index-list {
  .banners {
    height: 210px;
    background: green;
    background: url(~@/assets/img/banner-bg.png) center;
    background-size: 100%;
  }

  .van-skeleton__row {
    height: 50px;
    border-radius: 50%;
  }

  // 轮播图
  .van-swipe {
    .van-image {
      width: 100%;
    }
  }

  .reccomd {
    .item {
      width: 25vw;
      height: 95px;
    }

    img {
      width: 45px;
      height: 45px;
    }
  }

  // 秒杀和拼团
  .pintuan {
    height: 115px;

    .l,
    .r {
      width: 170px;
      height: 90px;
      .title {
        right: 1px;
        top: 6px;
        font-size: 10px;
        color: #fff;
      }
      .kanjia {
        background: rgb(217, 44, 1);
        padding: 5px;
        border-radius: 3px;
      }
      .img {
        width: 70px;
      }
    }

    .l {
      background: url(~@/assets/img/miaosha-bg.png)center no-repeat;
      background-size: 100%;
      height: 100px;
    }

    .r {
      background: url(~@/assets/img/pintuan-bg.png)center no-repeat;
      background-size: 100%;
      height: 100px;
    }
  }

  // 优惠券
  .coupon {
    height: 37px;
    background: url(~@/assets/img/coupon-bg.png)center no-repeat;
    background-size: 100% 100%;
  }

  .navagater {
    height: 44px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #797d82;
    font-size: 14px;
    border-bottom: 1px solid #ededed;

    .sales {
      display: flex;
      align-items: center;
      justify-content: flex-start;

      .van-icon-style {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        font-size: 6px;
        margin-left: 5px;
        transform: scale(0.7);
      }
    }
  }

  // 商品列表
  .product-list {
    min-height: 100vh;

    .van-list__finished-text,
    .van-list__loading {
      width: 100%;
    }

    .item {
      list-style: none;
      width: 165px;

      img {
        height: 165px;
        background: #f4f4f4;
      }
    }
  }
}